<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<head>
    <title>已开发票查看【打印、作废】</title>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" th:href="@{../../css/bootstrap.min.css}"/>
    <link rel="stylesheet" th:href="@{../../css/bootstrap-responsive.min.css}"/>
    <link rel="stylesheet" th:href="@{../../css/jquery-ui.css}"/>
    <link rel="stylesheet" th:href="@{../../css/uniform.css}"/>
    <link rel="stylesheet" th:href="@{../../css/select2.css}"/>
    <link rel="stylesheet" th:href="@{../../css/unicorn.main.css}"/>
    <link rel="stylesheet" th:href="@{../../css/unicorn.grey.css}" class="skin-color"/>
    <link rel="stylesheet" th:href="@{../../css/datatables.css}"/>
    <link rel="stylesheet" th:href="@{../../css/invoice.css}"/>
</head>
<body class="child-body">

<div class="module-block">
    <div class="container-fluid">

        <div class="row-fluid invoicePreview" id="formSearch1">
            <div class="span6" >
                <div class="form-inline padding15" role="form">
                    <div class="form-group">
                        <label  class="form-label" >打印类型</label>
                        <input type="radio" name="printType" value="0" checked="checked"/>发票打印
                        <input type="radio" name="printType" value="1"/>清单打印
                    </div>
                </div>
            </div>
        </div>

        <!-- 主体部分 -->
        <div class="row-fluid">
            <div class="span12">

                <div class="widget-box">
                    <div class="row-fluid" style="overflow: hidden">
                        <div class="span5" id="table-btnGrounb">
                            <button class="table-btn" id="close">关闭</button>
                            <button class="table-btn" id="table-add" th:if="${ '0' == formBean.invoicePrintFlg}">打印</button>
                        </div>
                    </div>
                    <div class="widget-content">
                        <div class="invoice-wrap">
                            <div id="invoice">
                                <div class="invoice-head">
                                    <div class="invoice-head-top">
                                        <div>
                                            <img src="" alt=""/>
                                        </div>
                                        <div class="invoice-title"><p>增值税发票</p>
                                            <div class="invoice-title-line"></div>
                                        </div>
                                        <!--<div class="invoice-id">NO  <p th:text="${formBean.invoiceNo}"/></div>-->
                                        <div class="invoice-head-top-right">
                                            <div style="display: none">发票类型：<p id="invoiceType" th:text="${formBean.invoicetype}"/></div>
                                            <div style="display: none">发票记录id：<p id="invoiceGuid" th:text="${formBean.guid}"/></div>
                                            <div>发票代码：<p th:text="${formBean.invoiceCode}"/></div>
                                            <div>开票号码：<p th:text="${formBean.invoiceNo}"/></div>
                                         <!--   <div>开票日期：<p th:text="${formBean.invoiceDate}"/></div>-->
                                            <div class="invoice-head-bottom">
                                                <div>校验码：<p th:text="${formBean.invoiceCheckCode}"/></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="invoice-body">
                                    <div class="invoice-body-top">
                                        <div id="invoice-buyer" class="invoice-block-l3">
                                            <div class="invoice-block-l3l">
                                                <p>购买方</p>
                                            </div>
                                            <div class="invoice-block-l3r">
                                                <ul>
                                                    <li class="invoice-text">
                                                        <div class="invoice-text-pre"><p>名称：</p></div>
                                                        <div class="invoice-text-next invoice-write"><input
                                                                type="text" class="invoice-input" id="testInput"
                                                                disabled="disabled" th:value="${formBean.buyerName}"/></div>
                                                    </li>
                                                    <li class="invoice-text">
                                                        <div class="invoice-text-pre"><p>纳税人识别号：</p></div>
                                                        <div class="invoice-text-next invoice-write"><input
                                                                type="text" class="invoice-input" disabled="disabled"
                                                                th:value="${formBean.buyerTaxNo}"/></div>
                                                    </li>
                                                    <li class="invoice-text">
                                                        <div class="invoice-text-pre"><p>地址、电话：</p></div>
                                                        <div class="invoice-text-next invoice-write"><input
                                                                type="text" class="invoice-input" disabled="disabled"
                                                                th:value="${formBean.buyerAddressPhone}"/></div>
                                                    </li>
                                                    <li class="invoice-text">
                                                        <div class="invoice-text-pre"><p>开户行及账号：</p></div>
                                                        <div class="invoice-text-next invoice-write"><input
                                                                type="text" class="invoice-input" disabled="disabled"
                                                                th:value="${formBean.buyerBankAccount}"/></div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div id="invoice-password" class="invoice-block-l2">
                                            <div class="invoice-block-l2l">
                                                <p>密码区</p>
                                            </div>
                                            <div class="invoice-block-l2r">
                                            <textarea class="invoice-textarea" disabled="disabled"
                                                      th:text="${formBean.taxControlCode}"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="invoice-table">
                                        <div class="table-responsive">
                                            <table class="invoice-write">
                                                <thead>
                                                <th>货物或应税劳务、服务名称</th>
                                                <th>规格型号</th>
                                                <th>单位</th>
                                                <th>数量</th>
                                                <th>单价 <span class="invoice-span"></span></th>
                                                <th>金额 <span class="invoice-span"></span></th>
                                                <th>税率</th>
                                                <th>税额</th>
                                                </thead>
                                                <tbody class="invoice-write">
                                                <tr th:each="pinvoice:${formBean.pInvoiceDetails}">
                                                    <td th:text="${pinvoice.goodsName}"></td>
                                                    <td th:text="${pinvoice.goodsSpecification}"></td>
                                                    <td th:text="${pinvoice.goodsUnit}"></td>
                                                    <td th:text="${pinvoice.goodsQuantity}"></td>
                                                    <td th:text="${pinvoice.goodsPrice}"></td>
                                                    <td th:text="${pinvoice.goodsTotalPrice}"></td>
                                                    <td th:text="${pinvoice.goodsTaxRate}"></td>
                                                    <td th:text="${pinvoice.goodsTotalTax}"></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="invoice-zhekou">
                                        <ul>
                                            <!--<li>-->
                                            <!--<div class="invoice-zhekou-pre"><span class="invoice-span">合计折扣</span></div>-->
                                            <!--<div class="invoice-zhekou-mid">￥0.00</div>-->
                                            <!--<div class="invoice-zhekou-next">￥0.00</div>-->
                                            <!--</li>-->
                                            <li>
                                                <div class="invoice-zhekou-pre">合计</div>
                                                <div class="invoice-zhekou-mid"><p th:text="${formBean.invoiceTotalPrice}"/>
                                                </div>
                                                <div class="invoice-zhekou-next"><p th:text="${formBean.invoiceTotalTax}"/>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="invoice-body-bottom">
                                        <div class="invoice-heji">
                                            <div class="invoice-heji-1">
                                                价税合计（大写）
                                            </div>
                                            <div class="invoice-heji-2">
                                                <p th:text="${formBean.invoiceTotalPriceTaxRMB}"/>
                                            </div>
                                            <div class="invoice-heji-3">
                                                （小写）
                                            </div>
                                            <div class="invoice-heji-4">
                                                ￥<p th:text="${formBean.invoiceTotalPriceTax}"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="invoice-footer">
                                    <div id="seller" class="invoice-block-l3">
                                        <div class="invoice-block-l3l">
                                            <p>销售方</p>
                                        </div>
                                        <div class="invoice-block-l3r">
                                            <ul>
                                                <li class="invoice-text">
                                                    <div class="invoice-text-pre">名称：</div>
                                                    <div class="invoice-text-next invoice-write">
                                                        <input type="text" class="invoice-input"
                                                               th:value="${formBean.companyName}" disabled="disabled"/></div>
                                                </li>
                                                <li class="invoice-text">
                                                    <div class="invoice-text-pre">纳税人识别号：</div>
                                                    <div class="invoice-text-next invoice-write">
                                                        <input  type="text" class="invoice-input" disabled="disabled"
                                                                th:value="${formBean.sellerTaxNo}"/>
                                                    </div>
                                                </li>
                                                <li class="invoice-text">
                                                    <div class="invoice-text-pre">地址、电话：</div>
                                                    <div class="invoice-text-next invoice-write">
                                                        <input type="text" class="invoice-input"
                                                               th:value="${formBean.addressPhone}" disabled="disabled"/>
                                                    </div>
                                                </li>
                                                <li class="invoice-text">
                                                    <div class="invoice-text-pre">开户行及账号：</div>
                                                    <div class="invoice-text-next invoice-write"><input
                                                            type="text" class="invoice-input"
                                                            th:value="${formBean.addressAccount}"  disabled="disabled"/></div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div id="beizhu" class="invoice-block-l2">
                                        <div class="invoice-block-l2l">
                                            <p>备注</p>
                                        </div>
                                        <div class="invoice-block-l2r">
                                        <textarea class="invoice-textarea"
                                                  disabled="disabled" th:text="${formBean.remarks}"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="qianming">
                                <div class="invoice-qianming-1">
                                    <span>*</span>收款人 <input disabled="disabled" type="text" class="invoice-input"
                                                             th:value="${formBean.payee}"/>
                                </div>
                                <div class="invoice-qianming-2">
                                    <span>*</span>复核人 <input disabled="disabled" type="text" class="invoice-input"
                                                             th:value="${formBean.checker}"/>
                                </div>
                                <div class="invoice-qianming-3">
                                    <span>*</span>开票人 <input disabled="disabled" type="text" class="invoice-input"
                                                             th:value="${formBean.drawer}"/>
                                </div>
                                <div class="invoice-qianming-4">
                                    <span>*</span>销售方（章）<input disabled="disabled" type="text" class="invoice-input"/>
                                </div>
                            </div>
                            <div id="invoice-tip">
                                温馨提示：您目前的开票点为：<span th:text="${formBean.invoiceYerminalCode}" />，购方电子邮箱为：<span th:text="${formBean.buyerEmail}"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 弹出信息确认窗口 -->
<div th:replace="common/msgConfirm :: msgBlock"></div>

<script src="../../js/jquery.min.js"></script>
<script src="../../js/invoice.js"></script>
</body>
</html>
